<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预约挂号</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="css/ask.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/doctorregister.css">
    <script src="js/main.js"></script>
    <script src="js/zepto.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div class="register-centainter">
<!--头部-->
    <div class="header clearfix">
        <a href="#" class="fa fa-angle-left f_l"></a> <span> 预约挂号 </span>
    </div>


    <form action="">
        <!--医生信息-->
        <div class="register-title">
            医生信息
        </div>
        <div class="register-content">
            <div class="reg-con-top">
                <div class="con-top-left f_l">
                    <img src="images/person.png" alt="">
                </div>
                <div class="con-top-moddle f_l">
                    <p class="moddle-name"><span>张书元</span>主治医师</p>
                    <p>北京皮肤疑难病会诊中心</p>
                    <p>皮肤科</p>

                </div>
                <div class="con-top-right f_r" >
                    <p>挂号费</p>
                    <p class="p-blue">请参考当日门诊</p>
                </div>
            </div>
            <div class="reg-type">
                门诊类型 <div class="doc-type f_r">专家门诊</div>
            </div>
            <div class="reg-time ">
                门诊时间 <div  class="doc-time f_r " id="doc-time">请选择就诊时间<span class="fa fa-angle-right " aria-hidden="true"></span></div>
            </div>
            <div class="reg-prompt">
                <p class="prompt-title">温馨提示:</p>
                <p>1.建议在每天8:00-21:00进行预约</p>
                <p>2.因专家号源稀缺,建议隔周挂号,成功率较高,不建议挂当天号</p>
                <p>3.挂号费由医院收取,在这里网仅提供预约挂号服务,不收取任何费用</p>
            </div>
        </div>
        <!--个人信息-->
        <div class="register-title">
            个人信息
            <div class="title-right f_r">
                <a href="javascript:void(0)" id="edit">
                    <img src="images/icon/edit.png" alt="">
                </a> <a href="javascript:void(0)" id="add"><img src="images/icon/add.png" alt=""></a>
            </div>
        </div>
        <div class="register-content">

            <div class="reg-type">
                选择就诊人<span class="doc-type f_r">未填写</span>
            </div>
            <div class="reg-time">
                是否使用医保卡
                <div class="valve">
                    <div id="div1" class="open1">
                        <div id="div2" class="open2"></div>
                    </div>
                </div>
            </div>
            <div class="reg-type">
                手机号<span class="doc-type f_r">未填写</span>
            </div>

        </div>
        <!--就诊信息选择-->
        <div class="register-title">
            就诊信息选择
            <div class="f_r clearfix register-select">
                <div class="  f_l" id="chuzhen" >初诊</div> <div class="f_l" id="fuzhen">复诊</div>
            </div>

        </div>
        <div class="register-agree">
           <a href="javascript:void(0)" class="f_l">
                    <img src="images/icon/agree.png" alt="">
                </a> <p>
                如遇医生停诊等特殊情况,您的预约可能会被取消,客服人员会及时通知您,请关注预约状态,保持手机畅通.</p>
        </div>
        <div class="register-submit">
            <input type="submit" name="Submit" value="提交预约" />
        </div>
    </form>
<!--时间选择器弹框-->
    <div class="interdict hide " id="interdict1">
        <div class="time" id="time"  >
            <div class="time-title">请选择就诊日期</div>
            <div class="time-content">
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
                <div>
                    <span >2017-05-12</span> <span>星期二</span>
                    <input type="button" value="预约" class="">
                </div>
            </div>
            <div class="time-footer">
                <input type="button" value="确定" class="input-left" id="time-btn1">
                <input type="button" value="取消" id="time-btn2">
            </div>
        </div>
    </div>

    <!--添加就诊人信息-->

    <div class="interdict hide" id="interdict2">
        <div class="addponsonal">
            <form action="">
                <div class="addponsonal-title" >
                    添加就诊人
                </div>
                <div class="addponsonal-content" >
                    <div class="content-name">
                        姓&nbsp;&nbsp;&nbsp;名 <input type="text " value="请输入姓名" name="name">

                    </div>
                    <div>
                        身份证 <input type="text " value="请输入身份证号" name="ID">

                    </div>
                    <div>
                    年&nbsp;&nbsp;&nbsp;龄 <input type="number " min="1" max="3" value="请输入年龄" >

                </div>
                    <div>
                        手机号 <input type="number " min="1" max="11" value="请输入手机号" >

                    </div>
                    <div class="addponsonal-foot">
                        <input type="submit" value="确认添加" class="pon-submit">
                    </div>
                </div>
            </form>

        </div>
    </div>
    <!--更改就诊人信息-->
    <div class="interdict hide" id="interdict3">
        <div class="addponsonal">
            <form action="">
                <div class="addponsonal-title" >
                    更改就诊人
                </div>
                <div class="addponsonal-content" >
                    <div>
                        <div class="pon-name">xxx</div>
                        <div class="pon-name">xxx</div>
                    </div>
                    <div class="addponsonal-foot">
                        <input type="button" value="添加新就诊人" class="pon-submit pon-btn" id="pon-btn">
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>

</body>
</html>
<script>


</script>
